<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>售后记录详情（等待上门）</title>
	<link href="../../plugin/css/fonts/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../../plugin/weui/css/weui.min.css">
	<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
	<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
	<!-- 引入播放器 js 文件 -->
	<link href="../../plugin/tencent/tcplayer.min.css" rel="stylesheet">
	<script src="../../plugin/tencent/tcplayer.min.js"></script>
	<script src="../../plugin/tencent/hls.min.0.8.8.js"></script>
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
	<link rel="stylesheet" type="text/css" href="../css/global.css" />
	<link rel="stylesheet" type="text/css" href="../css/orderDetails.css"/>
</head>

<body>
	<div id="app">
		<div class="content">
			<div :class="'header '+ getRepairState(order).state" v-cloak>
				<div class="headLeft">
					<div class="leftImg">
						<img :src="order.productImage">
					</div>
				</div>
				<div class="headRight">
					<span class="status">{{getRepairState(order).text}}</span>
					<span class="pocductName">{{order.productName}}</span>
				</div>
				<div class="headRight2" v-html="getRepairState(order).html"></div>
			</div>
			<div class="steps" v-html="getOrderStep(order.repairState)" v-show='getOrderStep(order.repairState)'></div>
			<div class="content-block-title">报修信息:</div>
			<div class="m-cell" v-cloak>
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">工单编号</label>
						<span class="weui-form-preview__value">{{order.workOrderNo}}</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">产品名称</label>
						<span class="weui-form-preview__value">{{order.productName}}</span>
					</div>
					<div class="weui-form-preview__item" v-show="order.serialNo">
						<label class="weui-form-preview__label">产品序列号</label>
						<span class="weui-form-preview__value">{{order.serialNo}}</span>
					</div>
					<div class="weui-form-preview__item cell-item2">
						<label class="weui-form-preview__label">发票凭证</label>
						<span class="weui-form-preview__value">
							<img :src="getCosFile(order.receiptPath)" @click="previewImage()"/>
						</span>

					</div>
					<div class="weui-form-preview__item itemDetails">
						<label class="weui-form-preview__label">问题描述</label>
						<span class="weui-form-preview__value">{{order.problemDescCustomer}}</span>
						<div class="imgdetails">
							<div class="innerImg">
								<div class="image" v-for="file in customerFile">
									<img v-if="file.fileType === REPAIR_FILE_TYPE_PICTURE" :src="getCosFile(file.fileName)" @click="previewImage()" />
								</div>
							</div>
							<div class="innerVidoe">
								<div class="video" v-for="file in customerFile">
									<video v-if="file.fileType === REPAIR_FILE_TYPE_VIDEO" :id="'f'+file.fileId" preload="auto" width="50" height="50" playsinline webkit-playinline x5-playinline></video>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="m-cell m-cell2" v-cloak>
				<div class="weui-form-preview__bd">
					<label class="weui-form-preview__label">报修提交时间</label>
					<span class="time">{{order.repairTime}}</span>
					<div v-show='order.auditTime'>
						<label class="weui-form-preview__label">审核通过时间</label>
						<span class="time">{{order.auditTime}}</span>
					</div>
					<div v-show='order.appointmentTime'>
						<label class="weui-form-preview__label">预约上门时间</label>
						<span class="time">{{order.appointmentTime}}</span>
					</div>
				</div>
			</div>
			<div class="content-block-title" v-if="order.repairState>REPAIR_STATE_AUDIT&&order.repairState!=REPAIR_STATE_CANCEL">工单反馈:</div>
			<div class="m-cell m-cell3" v-if="order.repairState>REPAIR_STATE_AUDIT&&order.repairState!=REPAIR_STATE_CANCEL" v-cloak>
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item" v-show="order.guarantee">
						<label class="weui-form-preview__label">是否在保</label>
						<span class="weui-form-preview__value">{{order.guarantee}}</span>
					</div>
					<div class="weui-form-preview__item itemDetails" v-show="order.problemDescService">
						<label class="weui-form-preview__label">工单描述</label>
						<span class="weui-form-preview__value">{{order.problemDescService}}</span>
						<div class="imgdetails">
							<div class="innerImg">
								<div class="image" v-for="sfile in serviceFile">
									<img v-if="sfile.fileType === REPAIR_FILE_TYPE_PICTURE" :src="getCosFile(sfile.fileName)" @click="previewImage()" />
								</div>
							</div>
							<div class="innerVidoe">
								<div class="video" v-for="sfile in serviceFile">
									<video v-if="sfile.fileType === REPAIR_FILE_TYPE_VIDEO" :id="'f'+sfile.fileId" preload="auto" width="50" height="50" playsinline webkit-playinline x5-playinline></video>
								</div>
							</div>
						</div>
					</div>
					<div class="weui-form-preview__item" v-show="order.repairMethod">
						<label class="weui-form-preview__label">维修方式</label>
						<span class="weui-form-preview__value" v-html="getRepairMethod(order.repairMethod)">{{}}</span>
					</div>
					<div class="repairMethod" v-if="order.repairMethod === REPAIR_METHOD_SEND">
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">寄件维修</label>
							<span class="weui-form-preview__value">{{spare}}</span>
						</div>
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">物流单号</label>
							<span class="weui-form-preview__value">{{order.trackingNumber}}</span>
						</div>
					</div>
					<div class="repairMethod" v-if="order.repairMethod === REPAIR_METHOD_SCENCE">
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">所需配件</label>
							<span class="weui-form-preview__value" v-html='spare'></span>
						</div>
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">零配件费(元)</label>
							<span class="weui-form-preview__value">{{order.sparepartFee}}</span>
						</div>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">维修费(元)</label>
						<span class="weui-form-preview__value">{{order.repairFee}}</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">服务费(元)</label>
						<span class="weui-form-preview__value">{{order.totalFee}}</span>
					</div>
					<div class="weui-form-preview__item" v-show='order.totalFee'>
						<label class="weui-form-preview__label">总计(元)</label>
						<span class="weui-form-preview__value">{{order.totalFee.toFixed(2)}}</span>
					</div>
				</div>
			</div>
			<div class="weui-gallery" id="gallery">
				<img src="" class="weui-gallery__img" id="galleryImg" />
			</div>
		</div>
	</div>

	<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
	<script src="../../plugin/jquery/jquery.cookie.js"></script>
	<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
	<script src="../../plugin/vue/vue.min.js"></script>
	<script src="../../plugin/mui/js/mui.min.js"></script>

	<script src="../../common/server.js"></script>
	<script src="../../common/constant.js"></script>
	<script src="../../common/common.js"></script>
	<script src="../js/orderDetails.js"></script>
</body>

</html>